<template>
	<view class="flex shop-container">
		<view class="shop-image-container">
			<view class="shop-image">
				<image src="http://shop.lol2526.com/uploads/copy/b5ab2f38976a10618dfb1a68ea99dcec.jpg" mode="widthFix" class="image"></image>
			</view>
		</view>
		<view class="info">
			<view class="title">
				不知道什么店
			</view>
			<view class="detail flex">
				<view class="left flex">
					<view class="score">
						4.9分
					</view>
					<view class="sales">
						月售200+
					</view>
				</view>
				<view class="right flex">
					<view class="sales">
						32分钟
					</view>
					<view class="sales">
						6.5km
					</view>
				</view>
			</view>
			<view class="flex">
				<view class="tags-item info-item">
					近七日999人下单
				</view>
			</view>
			<view class="flex">
				<view class="discount-item info-item">
					7.5元优惠卷
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return {
				
			}
		},
		methods:{
			onGodds(id){
				console.log("XXX")
			}
		}
	}
</script>

<style lang="scss" scoped>
@import "../style/index.scss";
.info-item{
	margin-top: 10rpx;
	font-size: 20rpx;
	padding: 2rpx 10rpx;
	border-radius: 8rpx;
}
.tags-item{
	background-color: rgb(250, 240, 230);
	color: rgb(230, 130, 70);

}
.discount-item{
	color: rgb(120, 90, 60);
	background-color: rgb(255, 245, 235);
	border: 1rpx solid  rgb(210, 200, 175);
}
</style>